
/* Error popup */
.error_popup {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 400px;
	height: 150px;
	z-index: 2;
	visibility: hidden;
	cursor: pointer;
	background-color: white;
	border: 1px solid black;
	border-radius: 6px;
}
.popup_animation {
	visibility: visible;
	animation-name: movePopup;
	animation-iteration-count: 1;
	animation-duration: 2s;
}
@keyframes movePopup {
	0% {margin-left: -400px;}
	100% {margin-left: 0px;}
}


/* Popup menu */
.popup_menu {
	visibility: hidden;
	position: fixed;
	height: auto;
	width: 100px;
	top: 0;
	left: 0;
	padding: 5px;
	background-color: rgba(180, 180, 180, 0.493);
	display: block;
	border-radius: 5px;
	z-index: 1;
}
.popup_button {
	border-radius: 2px;
	border: 1px solid black;
	width: 100%;
	background-color: white;
	font-size: 15px;
	margin: auto;
	margin-bottom: 5px;
}

/* DonePopup */
.done_popup {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: auto;
	text-align: center;
	background-color: rgba(180, 180, 180, 0.493);
	border-radius: 5px;
	border: 1px solid rgba(180, 180, 180, 0.7);
	width: 60px;
	height: 20px;
}
.done_popup_animation {
	animation-name: moveDonePopup;
	animation-duration: 2s;
	animation-iteration-count: 1;
}
@keyframes moveDonePopup {
	0% {opacity: 0.1;}
	40%, 60% {opacity: 1;}
	100% {opacity: 0.1;}
}